﻿<script type="text/javascript">
<!--

_run( function() {
	
	$('#btnSubmit').click( function() {
		$('#myform').submit();
	});
	
});

//-->
</script>

<style>
.groupItem {float:left;margin:10px 5px 10px 5px; padding-top:5px; text-align:center; width:130px;height:160px; line-height:130%; 
 border:1px #ccc solid; border-radius:4px;
}


a.groupClosed {background:#ccc;}
.groupClosed div{background:#ccc;}


a.groupSecret {background:#000;color:#fff;}
.groupSecret div{background:#000;}
.groupSecret a {color:#fff;}
.groupSecret a.cmd {color:#333;}

.groupSystemLocked div {background:url("~img/big/locked.gif");}
.groupSystemHidden div {background:url("~img/big/systemhidden.gif");}


</style>



<div style="padding:20px;">

<table style="width: 100%">
	<tr><td>
	<div class="yellowInfo">[_{note}] &nbsp;
	<strong>_{groupSendMsg}</strong>: _{groupSendMsgTip}; 
	<span class=""><strong>_{lock}</strong>: _{groupLockTip}</span>；
	<span class=""><strong>_{hide}</strong>: _{groupHideTip}</span>
	</div>
	</td></tr>
	<tr><td><div style="padding:5px;background:#fff;border:1px #ccc solid; margin-top:5px;border-radius:4px;">
	
		<table style="width: 100%">
			<tr>
				<td>
				    <span class="menuMore" list="cfilterList"><strong>_{categoryFilter}</strong> <img src="~img/down.gif" />
				     <span style="color:Red;">#{categoryName}</span>
				    <ul id="cfilterList" class="menuItems" style="width:150px; ">
				    <!-- BEGIN cfilterList -->
				    <li><a href="#{c.Link}">#{c.Name}</a><span></span></li><!-- END cfilterList -->
				    <div style="clear:both;"></div>
				    </ul>				    
				    </span>
				    
					<span class="left20 right5"><strong>_{groupFilterProperty}</strong>：
						<a href="#{lnkAll}">_{all}</a>
					</span> | 
					<span class="left5  right5">			
						<a href="#{lnkOpen}">_{groupOpen}</a>
						<a href="#{lnkClosed}" class="groupClosed">_{groupClosed}</a>
						<a href="#{lnkHide}" class="groupSecret">_{groupSecret}</a>
					</span> |
					<span class="left5">
						<a href="#{lnkSystemLocked}" class="">_{sysLock}</a>
						<a href="#{lnkSystemHidden}" class="">_{sysHide}</a>
					</span>
				
				</td>
				<td style=" text-align:right">
					<form id="myform" action="#{SearchAction}" method="get">
						_{search}:&nbsp;
						<select name="queryType">
							<option value="name">_{name}</option>
							<option value="creator">_{creator}</option>
							<option value="description">_{description}</option>
						</select>&nbsp;<input name="name" id="name" type="text" value="#{s.Name}" />
						<input name="Button1" id="btnSubmit" type="button" class="btn btns" value="_{search}">
					</form>				
				</td>
			</tr>
		</table>
		</div>
	</td>
	</tr>
	<tr>
		<td>
		<!-- BEGIN groups -->
		<div class="groupItem #{g.Class}">
		<div>
		    <div>
		        <a href="#{g.Link}" target="_blank" class="itemTitle"><strong>#{g.Name}</strong></a><br/>
		        <span class="note">#{g.Created}</span><br/>		    
		        <a href="#{g.Link}" target="_blank"><img src="#{g.Logo}" style="width:60px" /></a><br/>	
		        <a href="#{g.UserLink}" target="_blank">#{g.UserName}</a>		    
		    </div>
		    <div class="cbg" style="padding:5px 0px;">
		        <div>
		            <a href="#{g.SendMsgLink}" class="frmBox cmd" xwidth="450" title="_{groupSendMsgTip}">_{groupSendMsg}</a> 
		            <a href="#{g.LockLink}" class="frmBox cmd left5" xwidth="450" title="#{g.LockName}_{group}: #{g.Name}">#{g.LockName}</a> 
		        </div>
		        <div style="margin-top:5px;">
		            <a href="#{g.HideLink}" class="frmBox cmd" xwidth="450" title="#{g.HideName}_{group}: #{g.Name}">#{g.HideName}</a> 
		            <span href="#{g.DeleteLink}" class="deleteCmd cmd left5">_{delete}</span>		    
		        </div>
		    </div>
		</div>
		</div>
		<!-- END groups -->							
		</td>
	</tr>
	<tr><td style="padding:10px;">#{page}</td></tr>
</table>



</div>
